<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>

    <%@include file="common/head.jsp" %>

</head>

<body>

<!-- Top menu -->
<%@include file="common/header.jsp" %>

<!-- Page Title -->
<div class="page-title-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1 page-title wow fadeIn">
                <span aria-hidden="true" class="icon_comment"></span>
                <h1>友链</h1>
                <p>技术类博客优先、设计类优先</p>
            </div>
        </div>
    </div>
</div>

<!-- Meet Our Team -->
<div class="services-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 team-title wow fadeIn">
                <h2>技术站</h2>
            </div>
        </div>
        <div class="row">
            <c:forEach items="${friendChainList}" var="friendChain">
                <div class="col-sm-3">
                    <div class="service team-box wow fadeInUp">
                        <div class="service-icon"><span aria-hidden="true" class="${friendChain.friendChainIcon}"></span></div>
                        <h3>名称：${friendChain.friendChainName}</h3>
                        <p>${fn:substring(friendChain.friendChainIntroduce, 0, 50)}...</p>
                        <a class="big-link-1" target="_blank" href="${friendChain.friendChainUrl}">Read more</a>
                    </div>
                </div>
            </c:forEach>
        </div>
    </div>
</div>

<div class="call-to-action-container">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 call-to-action-text wow fadeInLeftBig">
                <p>
                    如果你也有开发的网站，我们可以互相交换链接哦！留言即可。<span class="colored-text">技术类优先、设计类优先</span>
                </p>
                <div class="call-to-action-button">
                    <a class="big-link-3" href="/stayWord">GO !</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Footer -->
<%@include file="common/footer.jsp" %>

<!-- Javascript -->
<%@include file="common/scripts.jsp" %>

</body>

</html>